import { Layout, Menu, Breadcrumb  } from 'antd';
import React, { FC } from 'react';
import { IRouteComponentProps, NavLink } from 'umi'
import { observer } from 'mobx-react-lite'
import { AppstoreOutlined,FundOutlined } from '@ant-design/icons'
import BreadCrumbs from '@/components/BreadCrumbs';
const { Header, Footer, Content, Sider } = Layout;


const TearcherLayout: FC<IRouteComponentProps> = (props,history) => {
  return (
    <Layout className="layout">
    <Header>
      <div className="logo">宏烨找房后台管理系统</div>
    </Header>
    <Layout>
      <Sider>
        <div className='sider_div'><span className='sider_span'>管理员</span></div>
        <div className='sider_div'><AppstoreOutlined /><NavLink to='#'>房源管理</NavLink></div>
        <div className='sider_div'><FundOutlined />    <NavLink to='#'>房源管理</NavLink></div>
        <div className='sider_div'><FundOutlined />    <NavLink to='#'>直播管理</NavLink></div>
        <div className='sider_div'><FundOutlined />    <NavLink to='#'>团购管理</NavLink></div>
        <div className='sider_div'><FundOutlined />    <NavLink to='#'>审核管理</NavLink></div>
        <div className='sider_div'><FundOutlined />    <NavLink to='/total/orders/order'>订单管理</NavLink></div>
        <div className='sider_div'><FundOutlined />    <NavLink to='/total/usedthe/CommunityManagement'>资讯管理</NavLink></div>
        <div className='sider_div'><FundOutlined />    <NavLink to='/total/broker/region'>经纪人管理</NavLink></div>
      </Sider>
      <Content style={{ padding: '0 50px' }}>
          <BreadCrumbs />
        <div className="site-layout-content">{props.children}</div>
      </Content>
    </Layout>
  </Layout>
  )
}
export default observer(TearcherLayout)


